<template>
<div class= 'baseInfo' >
   <div class = 'sectionBox' ref="sectionBox">
       <h2>
           <span>就诊信息</span>
       </h2>
       <div class="box">
            <treatment-info :dialogLeftTop1_1_data = 'caseInfo.mainAppointmentRel'></treatment-info>
       </div>

        <h2>
            <span>基本信息</span>
        </h2>
        <div class="box">
            <base-info :dialogLeftTop1_3_data = '{patient: caseInfo.baseInfo}'></base-info>
       </div>
   </div>
</div>
</template>
<script>
import baseInfo from '@/yimiviews/components/baseInfo'
import treatmentInfo from '@/yimiviews/components/treatmentInfo'
export default {
  components: { baseInfo, treatmentInfo },
  data() {
    return {
      dialogLeftTop1_1_data: {},
      dialogLeftTop1_3_data: {
        patient: {}
      }
    }
  },
  props: ['caseInfo'],
  mounted() {
    var CH = document.body.offsetHeight
    this.$refs.sectionBox.style.height = CH - 160 + 'px'
    this.getTreatmentInfo()
    this.getBaseInfo()
  },
  methods: {
    getTreatmentInfo() {
      this.dialogLeftTop1_1_data = {
        medicare: '',
        patientName: '',
        phone: '',
        idCard: '',
        sex: '',
        age: '',
        visitDate: '',
        visitDepartment: '',
        visitDoctor: '',
        diagnosis: ''
      }
    },
    getBaseInfo() {
      this.dialogLeftTop1_3_data = {
        patient: {}
      }
    }
  }
}
</script>
<style lang="scss" scoped>
@import '../../styles/case.scss';

</style>
